<template>
	<view>
		<uni-nav-bar :title="$t('aboutus')" :fixed="true" :border="false" color="var(--theme-text-color)" backgroundColor="var(--theme-color)">
		</uni-nav-bar>
		<view class="icon-xl circle flex-center back-btn" style="position: fixed;top: 5px;left: 16px;z-index: 100;" @click="backPage">
			<uni-icons type="arrow-left" size="24" color="#fff"></uni-icons>
		</view>
		<!-- 关于我们内容 -->
		<view class="p-lr-16 mt20 fs16" style="line-height: 1.5;text-align: justify;text-indent: 2em;">
			<!-- <p style="text-align: center;font-size: 20px;font-weight: 600;">{{info.title}}</p> -->
			<p v-html="info?.content"></p>
		</view>
	</view>
</template>

<script setup>
	import { onMounted, ref } from 'vue';
	import { getAbout_us } from '../../api/index.js'
	const backPage = () =>{
		// 返回上一页
		// uni.navigateBack({
		//   delta: 1 // 默认值为1，表示返回上一页
		// });
		history.back()
	}
	const info = ref({})
	onMounted(() =>{
		getAbout_us().then(res =>{
			// console.log('关于我们 res',res);
			info.value = res.data
		})
	})
</script>

<style>

</style>
